html,
body {
  position: relative;
  height: 100%;
}

li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

h2,
p,
h1 {
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.woff2?t=1731386545802') format('woff2'),
    url('../font/iconfont.woff?t=1731386545802') format('woff'),
    url('../font/iconfont.ttf?t=1731386545802') format('truetype');
}

.nav li a{text-decoration: none; }
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.swiper-slide img{max-width: 100%;}

body {
  background: #eee;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #000;
  margin: 0;
  padding: 0;
}

p,
ul,
li {
  padding: 0;
  margin: 0;
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;

  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: flex;


}



.nav {
  position: absolute;
  bottom: 0px;
  z-index: 99;
}


.navigation {


  z-index: 99;
  display: flex;

  justify-content: space-between;
}

.navigation button {
  margin: 0 10px;

  font-size: .8rem;
  cursor: pointer;
}

.right {
  display: flex;
  flex-direction: column;
  position: absolute;
  right: 10px;
  top: 50%;
  align-items: center;
  justify-content: space-between;
}


.lunbo .swiper-button-next,
.swiper-rtl .swiper-button-prev {
  position: static;
}

.lunbo .swiper-button-prev,
.swiper-rtl .swiper-button-next {
  position: static;
}

.lunbo .swiper-pagination {
  position: static;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  transform: rotate(90deg);
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 12px;
}

.lunbo .swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
  transform: translate3d(0px, -20%, 0);
}

/* 1 */

.page1 {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding:0px 10px;
  box-sizing: border-box;
  width: 100%;
  justify-content: center;
}

.logo {
  width: 13%;
  box-sizing: border-box;
  position: absolute;
  z-index: 99;

  top: 20px;
}

.logo img {
  max-width: 100%;
}

.lunbo {
  background: url(../images/allbg.jpg) top center no-repeat;
}

.page1_main_k {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 55%;
}

.page1_main_k img {
  max-width: 100%;
}


.page1_main {
  display: flex;
  justify-content: center;
  width: 100%;
}

.page1_main_k_text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.page1_main_k_img {
  text-align: left;
}

.page1_main_k_text p {
  text-align: left;


}

.page1_main_k_text h2 {
  color: #81be01;
  font-size: 1.5rem;
  margin: 10px 0px;
}

.page1_main_k_text p {
  font-size: 0.8rem;
  line-height: 24px;
  margin-bottom: 20px;
}

.footer_dw {
  position: absolute;
  bottom: 10px;
  z-index: 999;
}

.footer_dw {
  display: flex;
  justify-content: space-around;
  width: 100%;
}

button {
  border: none;
  background: none;
  margin: 0;
  padding: 0;
  outline: none;
  line-height: 20px;
}

.footer_bq {
  display: flex;
  line-height: 20px;
  font-size: .8rem;
}

.swiper-slide_k_tuidui {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}


.page2_main img{max-width: 100%;}
.tuandui_list{display: flex;  justify-content: center;}
.tuandui_list li{margin-right: 1%; width: 17.5%;}
.tuandui_list li:last-child{margin-right: 0;}
.swiper-slide_k_tuidui img {
  max-width: 60%;
}

.page2_main {
  flex-direction: column;
  display: flex;
  align-items: center;
}



.swiper-slide_k_tuidui h2 {
  color: #81be01;
  font-size: 1.5rem;
  margin-bottom: 10px;
  margin-bottom: 30px;
}

.jiejuefangan{display: flex;  flex-direction: column;   justify-content: center;    width: 100%;}
.logo {}

.page1_main_k_img {
  border-radius: 10px;
  overflow: hidden;
}


.swiper-slide_k_tuidui_neirong {
  display: flex;
  justify-content: center;
}

.swiper-slide_k_tuidui_neirong_text {
  text-align: left;
}

.page2_main .swiper-slide_k_tuidui_neirong_img img {
  max-width: 100%;
}

.swiper-slide_k_tuidui_neirong_img {
  display: flex;
  justify-content: flex-start;
  width: 35%;
  margin-right: 5%;
}

.swiper-slide_k_tuidui_neirong_text li {
  margin-bottom: 30px;
}


.add::before {
  content: "\e622";
  color: #3751ca;
  font-size: 29px;
  margin-right: 10px;
}

.tel::before {
  content: "\e60c";
  color: #3751ca;
  font-size: 29px;
  margin-right: 10px;
}

.email::before {
  content: "\e604";
  color: #3751ca;
  font-size: 29px;
  margin-right: 10px;
}

.swiper-slide_k_tuidui_neirong_text li {
  display: flex;
  align-items: center;
}


.page3 {
  display: flex;
  position: relative;
  width: 100%;
  margin: auto;

  padding:0 15%;
  box-sizing: border-box;

  justify-content: center;
  align-items: center;
}

.page3_img {
  width: 55%;
  z-index: 9;
  margin-right: 5%;
  align-items: center;
  display: flex;    justify-content: flex-end;

}


.swiper-button-next2{width: 30px;  height: 30px;  background: #d8defd;  right:5%;  top:45%;  z-index: 9999;  position: absolute; display: flex; align-items: center;  transform: rotate(180deg);  justify-content: center;}

.swiper-button-prev2{width: 30px;  height: 30px;  background: #d8defd;  left:5%;   top:45%;  z-index: 9999;  position: absolute;  display: flex; align-items: center; justify-content: center; }


.swiper-button-next2::before{   content: "\e669"; color: #fff;}


.swiper-button-prev2::before{   content: "\e669"; color: #fff;}

.swiper-button-next5{width: 20px;
  height: 20px;
  position: absolute;
  background: #fff;
  z-index: 999999999;   right: 0px; top:10%}
.swiper-button-prev5{width: 20px;
  height: 20px;
  position: absolute;
  background: #fff;
  z-index: 999999999; left: 0px; top:10%}

.page3_text {
  background: #6b86ff;
  border-radius: 16px;

  width: 38%;

  box-sizing: border-box;

  position: relative;
}

.page3_text_title {
  display: flex;

  color: #fff;
  text-align: left;
  padding: 20px;

  z-index: 999;
  width: 100%;
  box-sizing: border-box;
  height: 100%;

  flex-direction: column;
}
.page3_text_title_Text_kang{display: flex;  justify-content: space-between;}

.page3_text  .page3_text_title_img  {    display: flex;

  justify-content: flex-end; flex-direction: column;} 

.page3_text_title h2 {
  font-size: 1.2rem;
  margin-bottom: 20px;
}


.page3_text_title_Text  h3{  font-size: 1rem;  }
.page3_text_title_Text p {
  padding-bottom: 10px;
}

.page3_text_title_img{    
  margin-left: auto;
  right: 0;
  bottom: 0;}
.page3_text_title_img img{ max-width: 100%;}

.page3_text_title_Text p{font-size: .8rem;}

.footer_bq_nr{display: flex;  justify-content: flex-start;}
.footer_bq_nr_r{padding: 0px   5px;}

.page3_text_title_Text{width: 62%;}

		/* 本例子css */
		.slideBox{ position:relative; height: 100%;      margin-top: 260px; }
		.slideBox .hd{ height:15px;  position:absolute; right:5px; bottom:5px; z-index:1;height: 100%; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  height: 100%; }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle;  height: 100%;}
		.slideBox .bd img{  display:block;  }
		.slideBox .bd ul{height: 100%;}
		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;bottom: 10%;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }

    .num2_img .page3_text_title_img img{max-width: 100%;}

.logo{display: flex;  justify-content: space-between;width: 100%;  padding:0px 20px;  box-sizing: border-box;}


.logo_lang{display: flex;  padding-right: 20px;   }

.logo_img{width: 11%;}




.lang_icon:before {
  content: "\ebbb";
  font-size: 20px;
}

.logo_lang{font-size: 14px;  align-items: center; }

.lang_icon{display: flex; align-items: center;}

		/* 本例子css */
		.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
		.nav{ position:relative; z-index:1; text-decoration: none; }
		.nav a{ }
		.nav .nLi{ float:left;  position:relative; display:inline;  }
		.nav .nLi h3{ float:left;  }
		.nav .nLi h3 a{ display:block; padding:0 20px; font-size:.8rem; font-weight:bold;  color:#000; text-decoration: none;  }
		.nav .sub{ display:none;     width: 100%;
      left: 0;
      top: 34px;
      position: absolute;
      background: #4E4E4E;
      line-height: 1rem;
      padding: 5px 0; }
		.nav .sub li{ zoom:1; }
		.nav .sub a{ display:block; padding:0 10px; text-decoration: none; color: #fff; text-align: center;}
		.nav .sub a:hover{  color:#fff;  } 

    .nav .on h3.on{color:#fff}
.margin_top{height: 40px;width: 10px;}

    @media (max-width: 768px){



      .page3{flex-direction: column;     padding: 0 2%; width: 100%;}
      .page3_img{width: 100%;     margin-right: 0;}

      .page1_main_k{width: 100%; }

      .page1{justify-content: flex-start;    margin-top:30px;}
      .page2{   margin-top:30px;}
      .pag3{   margin-top:30px;}
      .footer_dw{display: flex;  flex-direction: column;}
      .page3_text{width: 100%;}

.footer_bq{flex-direction: column;order: 1; padding: 0px  10px;  box-sizing: border-box; }

.navigation{order: 0;}

.tuandui_list li{width: 42%;  margin-bottom: 4%;  margin-right: 4%; }

.tuandui_list li:nth-child(2n){margin-right: 0;}
.tuandui_list{flex-wrap: wrap;}
.swiper-slide_k_tuidui_neirong{flex-direction: column;}

.swiper-slide_k_tuidui_neirong_img{width: 100%; order: 2; }
.page1_main_k_text p {
  font-size: .8rem;
  line-height: 1.4rem;
}

.case_title{margin-top: 30px;}

.page1_main_k_text  h2{font-size: 1rem;}
.page1_main_k_img{margin: 30px  0px;}
.logo_img {
  width: 34%;
}

.swiper-button-prev2{left:0%;top:15%}
.swiper-button-next2{right:0%;top:15%}

.page3_img{justify-content: center;}




.logo_lang{padding-right: 0px;}
.footer_bq_nr{margin: 10px 0px;}

.page3_text_title h2 {
  font-size: 1rem;
  margin-bottom: 10px;
}


.page3_text_title{padding: 10px  20px;}

.page3_text_title_Text{width: 80%;}

.swiper-slide img {
  max-width: 100%;
}


.swiper-slide  .page3 img {
  max-width: 80%;
}

.tuandui_list li{  width: 38%;}


.swiper-slide_k_tuidui_neirong_text li {
  font-size: .8rem;

}
.swiper-slide_k_tuidui h2{    margin-bottom: 10px;}
.swiper-slide_k_tuidui_neirong_text li {
  margin-bottom: 10px;
}




.swiper-slide{    align-items: flex-start;}
.footer_dw{bottom:30px}

    }